<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="<%=basePath%>">
<title>Complex Layout - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.2.5/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.2.5/themes/icon.css">
	<script type="text/javascript" src="./jquery-easyui-1.2.5/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="./jquery-easyui-1.2.5/jquery.easyui.min.js"></script>

	<script type="text/javascript">
			function open1(name,url){
				if ($('#tt').tabs('exists',name)){
					$('#tt').tabs('select', name);
				} else {
					$('#tt').tabs('add',{
						title:name,
						href:url,
						closable:true,
						extractor:function(data){
							var tmp = $('<div></div>').html(data);
							return tmp;
						}
					});
				}
			}
	</script>
</head>
<body class="easyui-layout">
	<div region="north" title="商品管理系统V1.0" split="true" style="height:100px;padding:10px;">
		<p>The north content.</p>
	</div>
	<div region="south" title="South Title" split="true" style="height:100px;padding:10px;background:#efefef;">
		<div class="easyui-layout" fit="true" style="background:#ccc;">
			<div region="center">sub center</div>
			<div region="east" split="true" style="width:200px;">sub center</div>
		</div>
	</div>
	<div region="east" iconCls="icon-reload" title="Tree Menu" split="true" style="width:180px;">
		<ul class="easyui-tree" url="tree_data.json"></ul>
	</div>
	<div region="west" split="true" title="功能性列表" style="width:280px;padding1:1px;overflow:hidden;">
		<ul class="easyui-tree">
			<s:action namespace="/admin" name="leftFrame" executeResult="true"/>
		</ul>
	</div>
	<div region="center" title="Main Title" style="overflow:hidden;">
		<div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
				<div title="Welcome">
					Welcome to you !
				</div>
				<div title="Tab1" style="padding:20px;overflow:hidden;"> 
				<div style="margin-top:20px;">
					<h3>jQuery EasyUI framework help you build your web page easily.</h3>
					<li>easyui is a collection of user-interface plugin based on jQuery.</li> 
					<li>using easyui you don't write many javascript code, instead you defines user-interface by writing some HTML markup.</li> 
					<li>easyui is very easy but powerful.</li> 
				</div>
			</div>
			<div title="Tab2" closable="true" style="padding:20px;">This is Tab2 width close button.</div>
			<div title="Tab3" iconCls="icon-reload" closable="true" style="overflow:hidden;padding:5px;">
				<table id="tt2"></table> 
			</div>
		</div>
	</div>
</body>
</html>